// rem等比适配配置文件
// 基准大小，例如设计稿中根元素字体大小为 16px
const baseSize = 16;

function setRem() {
    // 设计稿的宽度，这里是 1330px
    const designWidth = 1330;
    // 当前页面宽度
    const currentWidth = document.documentElement.clientWidth;
    // 计算缩放比例，基于设计稿宽度与当前页面宽度
    const scale = currentWidth / designWidth;

    // 设置页面根节点字体大小，这里我们限制最大缩放比例为 2
    document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + "px";
}

// 初始化
setRem();

// 改变窗口大小时重新设置 rem
window.onresize = function() {
    setRem();
};
